<template>
    <div class="max">
            <input class="input" type="text" placeholder="请输入标题" v-model="keyWord">

        <table>
        <thead>
          <tr>
            <td style="font-size: 25px;font-weight: bold;">题目</td>
            <td style="font-size: 25px;font-weight: bold;color: red;">答案</td>
          </tr>
        </thead>
        <tbody>
          <tr v-for="(item,i) in fillist" :key="i" style="margin-top: 20px;">
            <td style="margin-top: 20px;border: 1px solid palevioletred ;padding: 10px;">{{ item.title }}</td>
            <td style="color: red;font-weight: bold;border: 1px solid red;text-align: center;">{{ item.answer }}</td>
          </tr>
        </tbody>
      </table>
    </div>
</template>

<script>
export default{
    data () {
        return {
            keyWord:"",
            data:[
                {title:"在HTML5中，关于块级元素描述错误的是（     ）",answer:"块级元素独占一行，在默认情况下，宽度自动填满父元素宽度"},
                {title:"在HTML5中，下列关于视口的属性描述错误的是（     ）",answer:"width:设置layout viewport的宽度只能是一个正整数"},
                {title:"在HTML5中，对于背景样式相关属性，描述错误的是（     ）",answer:"background-origin的默认值是border-box"},
                {title:"在HTML5中，行内标签可以将display属性设置为（     ）,更改为块状标签",answer:"block"},
                {title:"在HTML5中，对于样式规则box-shadow:inset 0px 0px 10px 15px red;理解错误的是（     ）",answer:"效果是外阴影"},
                {title:"在HTML5中，对于样式规则border-radius:10px 20px 5px;理解正确的是（     ）",answer:"左上角度是10px,右上和左下角度都是20px, 右下角度是5px"},
                {title:"在HTML5中，实现多列布局时，（     ）可设置多列之间的分割列的样式。",answer:"column-rule"},
                {title:"在HTML5媒体查询语法中，可用设备名参数表示&ldquo;文档打印或预览&rdquo;的是",answer:"print"},
                {title:"在HTML5中，CSS3新出现的多列布局是传统块状布局模式的有力扩充，使用 column-count 属性的意义是（     ）。",answer:"指定列数"},
                {title:"在HTML5中，CSS3新出现的多列布局是传统块状布局模式的有力扩充，要设置列之间的宽度，可以使用的属性是（     ）。",answer:"column-rule-width"},
                {title:"在HTML5中，CSS3中flex-wrap属性的默认值是（     ）",answer:"nowarp"},
                {title:"在HTML5中，下列哪个属性是CSS用来改变背景色的？",answer:"background-color"},
                {title:"在 HTML5 中，视口定义在哪个标签中",answer:"&lt;meta&gt;"},
                {title:"在HTML5中，哪个HTML标签定义内部样式表？",answer:"&lt;style&gt;"},
                {title:"在HTML5中，下列选项用来表示通配符选择器的符号是（     ）",answer:"&ldquo;*&rdquo;号"},
                {title:"在HTML中，下面是段落标签的是(&nbsp; &nbsp;)",answer:"&lt;p&gt;与&lt;/p&gt;"},
                {title:"在HTML5中，添加图片的标签是（&nbsp; &nbsp; &nbsp;）",answer:"&lt;img&gt;"},
                {title:"在HTML5中，图象标记&lt;img&gt;的哪个属性是用来设置图像路径的？（&nbsp; &nbsp;）",answer:"src"},
                {title:"在HTML中,若实现点击超链接时,弹出一个新的网页窗口,下列的(&nbsp; &nbsp; &nbsp;)选项符合要求。",answer:"&lt;a href=&quot;right.html&quot; target=&quot;_blank&quot;&gt;节目&lt;/a&gt;"},
                {title:"在HTML5中，哪个属性用来规定所输入的字段是必填的？",answer:"required"},
                {title:"在css3中，用（     ）来定义元素的过渡属性？",answer:"transition"},
                {title:"在css3中，用（     ）规则来创建动画？",answer:"keyframes"},
                {title:"在HTML5中，外部样式表是使用哪个标签引入的？",answer:"link"},
                {title:"在HTML5中，background-size用来定义？",answer:"背景图的尺寸"},
                {title:"在HTML5中，哪个属性用来设置表格线合并？",answer:"border-collapse"},
                {title:"HTML5 之前的 HTML 版本是？",answer:"HTML 4.01"},
                {title:"在HTML5中，正确 doctype 是？",answer:"&lt;!DOCTYPE html&gt;"},
                {title:"在HTML5中，下列哪个标记用于声明文档的类型？",answer:"&lt;!doctype&gt;"},
                {title:"在HTML5中，文档的哪一部分的内容不显示在浏览器中？",answer:"头部"},
                {title:"在HTML5中，animation-duration的含义是",answer:"规定动画完成一个周期所花费的秒数"},
                {title:"在css中，可以用于设置背景重复的属性为（&nbsp;&nbsp; ）",answer:"background-repeat"},
                {title:"在HTML5中，下列css属性，哪一项不属于盒子模型属性（     ）",answer:"font属性"},
                {title:"在Video对象中，视频正在播放时时触发的事件是（     ）",answer:"playing"},
                {title:"链接显示的内容为pic1.gif图片的正确写法是 （   ）",answer:"&lt;a href=&quot;链接地址&quot;&gt;&lt;img src=&quot;pic1.gif&quot;&gt;&lt;/a&gt;"},
                {title:"以下在链接中使用锚点正确的方式是（    ）",answer:"&lt;a href=&quot;#name&quot;&gt;锚点链接&lt;/a&gt;"},
                {title:"以下能让图片与文字居中对齐的属性设置是（     ）",answer:"&lt;img src=&quot;demo.jpg&quot; align=&quot;middle&quot; /&gt;"},
                {title:"html5 内容标签分为两大类，分别是（  ）",answer:"行级标签和块级标签"},
                {title:"在html5中可以使用表格来显示数据，下面（   ）标签用于创建表格？",answer:"&lt;table&gt;&lt;/table&gt;"},
                {title:"表格中某一行跨2行，正确的写法的是（  ）",answer:"&lt;tr rowspan=&quot;2&quot;&gt;...&lt;/tr&gt;"},
                {title:"input标签中，maxlength属性可以实现什么操作（   ）",answer:"控制字符数量"},
                {title:"在HTML5中，响应式布局的优点是什么【选两项】",answer:"面对不同分辨率设备时，灵活性较强;能够快捷解决多设备显示适应问题"},
                {title:"在HTML5中，CSS3中flex-flow属性是哪两个属性的复合属性【选两项】",answer:"flex-direction;flex-wrap"},
                {title:"在CSS3中，设置下列（     ）属性，可将页面上的段落多列显示。【选两项】",answer:"column-count;column-width"},
                {title:"在HTML5中，响应式设计使用百分比布局创建流动的弹性界面，以下属于响应式设计布局优点的是（     ）【选两项】",answer:"面对不同分辨率设备时，灵活性较强；能够快捷解决多设备显示适应问题"},
                {title:"在HTML5中，关于段落标签的描述，下列说法正确的是【选两项】",answer:"&lt;p&gt;是段落标签;文本在段落中会根据浏览器窗口的大小自动换行"},
                {title:"在表单元素中具有提交功能按钮的是（  ）",answer:"图片按钮;提交按钮"},
                {title:"在HTML5中，媒体查询可以获取的值有（     ）",answer:"设备的宽和高;渲染窗口的宽和高;设备的手持方向"},
                {title:"在HTML5中，下列选项属于引入CSS样式表方式的有（     ）。【选三项】",answer:"行内式;内部式;外链式"},
                {title:"在HTML5中，关于&lt;title&gt;标签的相关描述，下列说法正确的是（     ）。【选三项】",answer:"&lt;title&gt;标签必须位于&lt;head&gt;标签之内。;一个HTML文档只能包含一对&lt;title&gt;&lt;/title&gt;标签&lt;title&gt;&lt;/title&gt;之间的内容将显示在浏览器窗口的标题栏中"},
                {title:"在HTML5中，关于justify-content属性说法正确的是【选三项】",answer:"flex-start（默认值）:左对齐;center:居中;flex-end：右对齐"},
                {title:"在HTML5中，下列有关弹性布局说法正确的是【选三项】",answer:"弹性布局也称为&ldquo;伸缩盒子&rdquo;或&ldquo;弹性盒布局&rdquo;;display:值为flex时，创建弹性布局容器;弹性布局一般只有弹性布局的容器"},
                {title:"在CSS3中，border-image-repeat属性可以取的值有（     ）【选三项】",answer:"stretch;space;round"},
                {title:"在HTML5中，CSS中常用的选择器包括（     ）【选三项】",answer:"类选择器；id选择器；标签选择器"},
                {title:"在HTML5中，下列标记中，为双标记的是（&nbsp; &nbsp; &nbsp;）【选三项】",answer:"head;title;body"},
                {title:"在html5中常见列表包括（  ）",answer:"无序列表；有序列表；定义列表"},
                {title:"在HTML5中，下列可以设置背景样式的属性有（     ）【选两项】",answer:"background-clip；background-origin"},
                {title:"在HTML5中，关于栅格系统描述，正确的是（     ）【选两项】",answer:"也称为网格系统；栅格系统可以使网页更加灵活和规范"},
                {title:"在HTML5中，实现加粗体字的 HTML 标签是（     ）【选两项】",answer:"&lt;strong&gt;&lt;b&gt;"},
                {title:"在HTML5中，CSS3过渡属性transition-timing-function的值包括哪些【选三项】",answer:"ease；ease-in；ease-out"},
                {title:"在HTML5中，媒体查询可以获取的值包括（     ）【选三项】",answer:"设备的宽和高;对象颜色或颜色列表;设备的分辨率"},
                {title:"在HTML5中，下面的选项属于网页上常用图片格式的是（     ）。【选三项】",answer:"GIF格式；PNG格式；JPG格式"},
                {title:"在HTML5中，弹性布局一般由哪两个部分组成【选两项】",answer:"弹性布局的容器；弹性布局的伸缩项目"},
                {title:"在HTML5中，下列标签中，属于块级标签的有【选两项】",answer:"&lt;h1&gt;；&lt;div&gt;"},
                {title:"在HTML5中，实现斜体字的 HTML 标签是（     ）【选两项】",answer:"&lt;i&gt;;&lt;em&gt;"},
                {title:"在HTML5中，样式表定义.outer{background-color:yellow;}表示（     ）",answer:"网页中含有class=&quot;outer&quot;的元素的背景色是黄色的"},
                {title:"在HTML网页中，若需要实现图文混编的效果，可使用以下（     ）块状结构来布局。",answer:"div-dl-dt-dd"},
                {title:"在HTML5中，关于dl-dt-dd的描述，错误的是（     ）",answer:"dd标签不可以出现多次"},
                {title:"在HTML5中，设置边框阴影的是哪个属性（     ）",answer:"box-shadow"},
                {title:"在HTML5中，对于样式规则border-radius:10px 20px ;理解正确的是（     ）",answer:"左上和右下角度都是10px,右上和左下角度都是20px"},
                {title:"在HTML5中，CSS3 中新增的box-shadow属性说法错误的是（     ）",answer:"x-offset:阴影水平偏移量，其值只能正值"},
                {title:"在HTML5中，CSS3中flex-direction属性的默认值是（     ）",answer:"row"},
                {title:"在HTML5中，关于动画相关属性,描述错误的是（     ）",answer:"animation-iteration-count:指定动画的播放次数,infinite表示只播放1次想"},
                {title:"在HTML5中，网页中经常需要将网页内容居中显示，可使用以下样式代码（     ）完成。",answer:"margin:0 auto"},
                {title:"在HTML5中，一般网站开发的基本流程包括内容分析、结构设计、原型设计、方案设计、（     ）、视觉设计和交互设计七个步骤。",answer:"布局设计"},
                {title:"在HTML5中，关于选择器下列说法错误的是（     ）",answer:"div&gt;p{}选择 &lt;div&gt; 元素内部的所有 &lt;p&gt;元素"},
                {title:"在HTML5中，在页面加载时，可以使用（     ）标签设置浏览器的视口的宽度",answer:"meta"},
                {title:"在HTML5弹性布局中，属性&ldquo;align-items&rdquo;的意思是（     ）",answer:"侧轴对齐方式"},
                {title:"在HTML5中，关于动画相关属性,描述错误的是（     ）",answer:"animation-iteration-count:指定动画的播放次数,infinite表示只播放1次想"},
                {title:"在标准文档流中，块级元素默认的排列顺序是（     ），行内元素默认的排列顺序是（     ）。",answer:"从上到下，从左到右"},
                {title:"在HTML5中，border-radius属性可以用来设置（     ）网页效果",answer:"布局设计"},
                {title:"在HTML5中，关于选择器下列说法错误的是（     ）",answer:"给HTML元素添加圆角"},
                {title:"在HTML5中，关于弹性布局，下列说法错误的是",answer:"justify-content属性定义了项目在侧轴上的对齐方式"},
                {title:"在HTML中，使用&lt;img&gt;标签插入图像，下列选项关于&lt;img&gt;的src属性说法正确的是（     ）",answer:"用来设置图片文件所在的位置"},
                {title:"在HTML5中，在新窗口打开链接的代码是（     ）",answer:"&lt;a href=&quot;url&quot; target=&quot;_blank&quot;&gt;"},
                {title:"在HTML5中，关于下列代码说法错误的是（     ）&lt;a href=&quot;index.html&quot; target=&quot;_blank&quot;&gt;首页&lt;/a&gt;",answer:"目标窗口在当前窗口中打开"},
                {title:"在HTML5中，若要在页面中创建一个图形超链接，要显示的图形为myhome.jpg，所链接的地址为http://www.pcnetedu.com，以下用法中，正确的是（&nbsp; &nbsp;）。",answer:"&lt;a href=&quot;http://www.pcnetedu.com&quot;&gt;&lt;img src=&quot;myhome.jpg&quot;&gt;&lt;/a&gt;"},
                {title:"在HTML5中，无序列表的HTML代码是（&nbsp; &nbsp;）",answer:"&lt;ul&gt;&lt;li&gt;...&lt;/li&gt;&lt;/ul&gt;"},
                {title:"在HTML文档中，引入外部样式表正确的是？",answer:"&lt;head&gt;部分"},
                {title:"在HTML5中，不再支持以下哪个元素？",answer:"&lt;acronym&gt;"},
                {title:"在css+div布局中，css的（     ）属性用来指定相对浏览器窗口的固定距离",answer:"fixed"},
                {title:"在HTML5中，下列不属于css3动画效果是？",answer:"浮动"},
                {title:"在HTML页面中运用CSS3动画，需要运用（     ）来定制规则",answer:"@keyframes"},
                {title:"在HTML5中，无序列表的HTML代码是（&nbsp; &nbsp;）",answer:"&lt;ul&gt;&lt;li&gt;...&lt;/li&gt;&lt;/ul&gt;"},
                {title:"在HTML5中，下列选项中，用于嵌套在&lt;video&gt;中，指定不同文件路径的标签是（     ）",answer:"&lt;sources&gt;"},
                {title:"WWW是（     ）的意思",answer:"万维网"},
                {title:"在HTML5中，以下说法，错误的是：（     ）",answer:"网页就是主页。"},
                {title:"在HTML5页面中指定单选框时，只有将以下（     ）属性的值指定为相同，才能使选项成为一组",answer:"name"},
                {title:"在HTML5页面中插入半角的大于号&ldquo;&gt;&rdquo;，使用的标记符应该是（     ）",answer:"&amp; gt ;"},
                {title:"在html5标签中以下正确的注释声明是（     ）",answer:"&lt;!--这是注释--&gt;"},
                {title:"html5是一种（   ）的语言。",answer:"超文本标记"},
                {title:"关于br标签和p标签，下列说法错误的是（    ）",answer:"br标签可以设置显示文本"},
                {title:"在html5页面标记中，用于定义表格中行的标签是（     ）",answer:"&lt;tr&gt;...&lt;/tr&gt;"},
                {title:"在html5中，以下正确表示无序列表的代码是（     ）",answer:"&lt;ul&gt;&lt;li&gt;...&lt;/ul&gt;"},
                {title:"在表格中要实现跨行需要设置（  ）属性",answer:"rowspan"},
                {title:"分析下面的html5代码片断，则选项中的说法错误的是",answer:"表格的背景颜色为yellow"},
                {title:"音频和视频标签名称为（    ）",answer:"audio和video"},
                {title:"html5页面中，表示在新窗口中打开网页文档，target属性值正确的选项是（     ）",answer:"_blank"},
                {title:"在HTML5中，以下那些是css属性position可以设置的值（     ）【选两项】",answer:"relative；absolute"},
                {title:"在HTML5中，使用栅格系统布局时，描述正确的是（     ）【选两项】",answer:"将整个页面看成多个行和多个列组成的网格结构;现代的页面设计中会使用栅格系统来简化布局"},
                {title:"在HTML5中，CSS3定义了哪两种类型的渐变【选两项】",answer:"线性渐变;径向渐变"},
                {title:"在HTML5中，下列标签中属于行内元素的有【选两项】",answer:"strong标签；span标签"},
                {title:"在HTML5中，以下哪些是块级元素的特征（     ）【选两项】",answer:"宽度可控制；它可以容纳内联元素和其他块元素"},
                {title:"在HTML5中，关于块级元素描述错误的是（     ）",answer:"块级元素的margin和padding横向设置有效，纵向设置不产生边距效果"},
                {title:"在HTML5中，CSS3中关于渐变的说法错误的是（     ）",answer:"渐变中angle角度是指水平线和渐变线之间的角度，按顺时针方向计算"},
                {title:"在HTML5中，对于样式规则background:linear-gradient(to right,red 50%,green 50%);错误的是（     ）",answer:"红色和绿色之间没有过渡"},
                {title:"在HTML5中，设置文本阴影的是哪个属性（     ）",answer:"text-shadow"},
                {title:"在HTML5中，对于样式规则transition:all 3s ease-in 0.5s;描述错误的是（     ）",answer:"0.5s指的是过渡持续时间"},
                {title:"在HTML5中，不支持的视频格式是（     ）。",answer:"flv"},
                {title:"在HTML5中，对于样式规则 background: radial-gradient(red,green,blue);理解正确的是（     ）",answer:"背景颜色从红色过渡到绿色再过渡到蓝色"},
                {title:"在HTML5中，哪个元素用于对表单中的元素进行分组（     ）",answer:"&lt;fieldset&gt;"},
                {title:"在HTML5中，css3中实现多列布局用于设置列的数量的属性是（     ）",answer:"column-count"},
                {title:"在HTML5中，需要实现表格细边框效果，可以将border-collapse属性设置为（     ）",answer:"collapse"},
                {title:"在HTML5中，下面哪个方法可以去掉文本超链接的下划线（     ）",answer:".a{text-decoration:none;}"},
                {title:"在HTML5中，网页设计的步骤一般分为三个阶段，分别是:页面结构、页面布局样式和（     ）",answer:"页面美化样式"},
                {title:"在HTML5响应式布局中，视口的相关属性设置，maximum-scale 属性的作用是",answer:"允许用户的最大缩放值为一个数字，可以带小数"},
                {title:"在HTML5媒体查询语法中，可用设备名参数&ldquo;projection&rdquo;表示的是（     ）",answer:"项目演示,比如幻灯片"},
                {title:"在HTML5媒体查询语法中，可用设备名参数&ldquo;tv&rdquo;表示的是（     ）",answer:"电视"},
                {title:"在HTML5中，对于样式规则background-position: 0px 100px;理解错误的是（     ）",answer:"100px可以用100%替换"},
                {title:"在HTML5中，对于径向渐变的描述，错误的是（     ）?",answer:"默认效果为 circle"},
                {title:"关于HTML5说法正确的是（     ）。",answer:"HTML5新增了离线缓存机制"},
                {title:"在HTML5中，下列哪个属性用来表示线性渐变（     ）?",answer:"linear-gradient"},
                {title:"在HTML5中，有关变换的说法错误的是",answer:"CSS3 缩放变换包含 scale(X,Y)和scaleX(n) 2个方法"},
                {title:"在HTML5中，下列那项技术可以用于帮助网页设计时使页面具有统一、专业的外观（     ）",answer:"CSS"},
                {title:"在HTML5中，使用link元素调用CSS的语法中，以下哪个属性是用来指定CSS文件的路径的",answer:"href"},
                {title:"在HTML5页面中，看不见的表单元素是以下那种元素（     ）",answer:"&lt;input type=&quot;hidden&quot; /&gt;"},
                {title:"在HTML5中，当图像不能显示时，可以用下列哪个属性设置替换文本（     ）。",answer:"alt"},
                {title:"在HTML5中，以下页面结构符合规范的是（     ）",answer:"&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;/body&gt;&lt;/html&gt;"},
                {title:"在HTML5中，插入超链接的正确格式是：（&nbsp; &nbsp; ）",answer:"&lt;a href=&quot;http://www.baidu.com&quot;&gt;&lt;/a&gt;"},
                {title:"在HTML5中，如何制作电子邮件链接？（&nbsp; ）",answer:"&lt;a href=&quot;mailto:xxx@yyy&quot;&gt;"},
                {title:"在HTML网页中，用来定义有序列表的标签是（&nbsp; &nbsp; ）",answer:"ol"},
                {title:"在HTML5中，使用&lt;meta&gt;标签为网页设置关键字，下列哪一项语法格式是正确的？（     ）",answer:"&lt;meta name=&quot;keywords&quot; content=&quot;内容&quot;&gt;"},
                {title:"在HTML5中，创建最小标题的文本标签是（     ）",answer:"&lt;h6&gt;&lt;/h6&gt;"},
                {title:"在HTML5中，audio元素中src属性的作用是？",answer:"指定播放音频的存储路径"},
                {title:"在HTML5中，box-shadow可以用来设置（     ）",answer:"盒子的阴影效果"},
                {title:"在HTML5中，overflow：scroll规定了多余内容的展示方式为？",answer:"出现滚动条"},
                {title:"在 HTML5 中不再支持 &lt;script&gt; 元素的哪个属性？",answer:"type"},
                {title:"在HTML5中，HTML5 中的 &lt;canvas&gt; 元素用于：",answer:"绘制图形"},
                {title:"在HTML5中，如果网页显示乱码，那么应该修改哪个标记的内容？",answer:"&lt;meta&gt;"},
                {title:"在HTML5中，下列哪个标记嵌套结构是正确的？",answer:"&lt;p&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/p&gt;"},
                {title:"在HTML5中，以下video对象的属性，设置视频音量的是",answer:"volume"},
                {title:"在HTML5中，CSS清除浮动的代码是？",answer:"clear：both"},
                {title:"在HTML5中，以下（     ）不能作为input的type值？",answer:"controls"},
                {title:"在HTML5中，以下属性描述错误的是？",answer:"require:必填"},
                {title:"在HTML5中，假设一个搜索结果展示页面，需要把搜索关键词高亮显示，应该使用以下哪个HTML标签？",answer:"&lt;mark&gt;"},
                {title:"在HTML5中，CSS样式background-repeat:repeat-x解释正确的是（     ）",answer:"背景图片水平平铺"},
                {title:"在HTML5中，已知一个盒子的宽度为130px，左边框是5px实线，右边框为0px，左外边距为10px，右外边距为12px，左内边距为1px，右内边距为25px，下列盒子宽度尺寸正确的是（     ）",answer:"183px"},
                {title:"在Video对象中，当播放位置发生改变时触发的事件是（     ）",answer:"timeupdate"},
                {title:"浏览网页时，通常使用以下协议：（     ）",answer:"HTTP"},
                {title:"以下软件中，不能直接用来编辑 HTML5 文件的是（     ）",answer:"Flash"},
                {title:"以下有关 HTML5 标记符的属性的说法中，错误的是（     ）",answer:"属性的值放在相应属性之后，用等号分隔；而不同的属性之间用分号分隔。"},
                {title:"HTML5网页文件的扩展名为（   ）",answer:".html或.htm"},
                {title:"在html5中，下面关于文件路径的说法错误的是（     ）",answer:"&ldquo;../&rdquo;用于返回当前目录的下一级目录。"},
                {title:"以下正确设置网页标题为&ldquo;HTML5网页&rdquo;的代码是（   ）",answer:"&lt;tltle&gt;HTML5网页&lt;/title&gt;"},
                {title:"网页链接中的文件路径分为（     ）",answer:"相对路径和绝对路径"},
                {title:"table标签中cellspacing和cellpadding属性的含义正确的是（    ）",answer:"单元格间距，单元格填充"},
                {title:"在html5页面中看不见的表单元素是那种(      )",answer:"&lt;input type=&quot;hidden&quot;&gt;&lt;/input&gt;"},
                {title:"在html5中，下面对于单选按钮（Radio）的说法正确的是（     ）",answer:"单选按钮组中的单选按钮不能够同时被选中"},
                {title:"在html5中，下面关于文件路径的说法错误的是（     ）",answer:"&ldquo;../&rdquo;用于返回当前目录的下一级目录。"},
                {title:"在html5中，关于下列代码片断分析正确的是（     ）",answer:"提交表单后，此表单中的数据将被提交到checkLogin.do"},
                {title:"在html5的input标签中，type属性值不是表示按钮的是（     ）",answer:"type=&quot;outset&quot;"},
                {title:"在HTML5中，下列标签中，不属于块级标签的是（     ）【选两项】",answer:"&lt;br /&gt;；&lt;img/&gt;"},
                {title:"在HTML5中，有关关键帧属性的描述，错误的是（     ）",answer:"animation-duration:指定动画循环播放的时间是否反向播放过渡的持续时间"},
                {title:"在HTML5中，对于border-image的理解，说法错误的是（     ）",answer:"背景图填充方式的默认值是repeat"},
                {title:"在HTML5中，对于样式规则box-shadow:2px 4px 10px 15px #00F;理解错误的是（     ）",answer:"颜色是红色"},
                {title:"在HTML5中，如何将块级元素转换成行级元素（     ）",answer:"display:inline"},
                {title:"在HTML5中，transform属性中关于缩放效果，描述错误的是（     ）",answer:"缩放的参数不能取负值"},
                {title:"在HTML5中，对于线性渐变的描述，错误的是（     ）",answer:"方向left等价于90deg"},
                {title:"在HTML5中，下列哪个CSS属性可以更改字体大小（     ）",answer:"font-size"},
                {title:"在HTML5中，有关css3动画描述有误的是（     ）",answer:"可以通过设置过渡持续时间的方式来替代关键帧动画"},
                {title:"在HTML5中，关于过渡相关属性，描述错误的是（     ）",answer:"transition-delay指定过渡的持续时间"},
                {title:"在HTML5中，媒体查询时需要设置设备名参数，下列（     ）不是设备名参数关键字。",answer:"resolution"},
                {title:"在HTML5中，CSS3 中新增的box-shadow属性用于给元素块添加（     ）效果的",answer:"阴影"},
                {title:"在HTML5中，关于旋转和倾斜，描述错误的是（     ）?",answer:"skew(40deg,20deg)表示垂直倾斜40度，水平倾斜20度"},
                {title:"在HTML5中，关于flex属性说法错误的是",answer:"只要是块级元素，都可以设置其flex实现空间的弹性分配"},
                {title:"在Css3中，以下（     ）不属于justify-content属性的可设置值。",answer:"column-reverse"},
                {title:"在HTML5中，对于border-image的填充方式的用法，说法错误的是（     ）?",answer:"space和repeat的效果相同"},
                {title:"在HTML5中，下列选项用于设置首行文本缩进的属性是（     ）",answer:"text-indent"},
                {title:"在下列的 HTML 标签中，哪个标签（     ）表示字体最大的标题标签？",answer:"&lt;h1&gt;"},
                {title:"在HTML5中，定义HTML表格中的表头单元格标记是（&nbsp; &nbsp;）",answer:"&lt;th&gt;"},
                {title:"在HTML5中，下列哪项不是HTML5的新特性？",answer:"有插件"},
                {title:"在HTML5中，以下哪种不是input标签的输入类型",answer:"type=&quot;radio&quot;"},
                {title:"在HTML5中，下列不属于CSS选择器的是？",answer:"否定选择器"},
                {title:"在HTML5中，哪项用来定义input的滑块控件？",answer:"range"},
                {title:"在HTML5中，下面样式哪个优先级最高？",answer:"style=&quot;color:red&quot;"},
                {title:"在HTML5中，关于盒子模型说法正确的是（     ）",answer:"border:1px solid red;表示的是盒子的4个边框为1px的红色实线"},
                {title:"在HTML5中，下面行内元素转换成块元素的属性正确的是（     ）",answer:"display:block;"},
                {title:"在HTML5中，以下关于 &lt;video&gt;标签属性的说法，错误的是？",answer:"preload设置视频播放前显示的图片"},
                {title:"在HTML5中，以下有关列表的说法中，错误的是 （     ）",answer:"li标签体中不能再出现ul标签。"},
                {title:"在html5中，以下关于标签div和span的说法错误的是（     ）",answer:"div标签不能变为行内元素"},
                {title:"表格中tr和td标签的含义是（    ）",answer:"行，列"},
                {title:"关于表格标签应用说法错误的是（    ）",answer:"表格标签可以单独使用"},

                {title:"生日可以使用什么表单元素实现（   ）",answer:"&lt;input type=&quot;date&quot;&gt;"},
                {title:"html5代码&lt;select name=&ldquo;name&rdquo;&gt;&lt;/select&gt;表示（     ）",answer:"创建一个下拉菜单"},
                {title:"在html5表单控件下拉列表中，如果要某一项被选中，以下正确的（    ）",answer:"&lt;option value=&quot;selected&quot;&gt;王俊凯&lt;/option&gt;"},
            ]      
        }
    },
    computed:{
        fillist(){
            // 返回过滤后的数组
            return this.data.filter((p)=>{
              return p.title.indexOf(this.keyWord) !==-1 || p.answer.indexOf(this.keyWord) !==-1
            })
          }
        }
}

</script>

<style>
*{
    margin: 0;
    padding: 0;
    list-style: none;
}
.max{
    width: 100%;
    /* height: 800px; */
    background: greenyellow;
    padding-top: 1px;
}
.input{
    width: 80%;
    height: 40px;
    display: block;
    margin: 20px auto;
}
</style>